<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<title>用户登录 -百台云 - 直播你的梦想（https://www.100ytv.com）</title>
		<meta name="keywords" content="百台云">
		<meta name="description" content="百台云">
		<meta name="Copyright" content="百台云 All Rights Reserved">
		<meta name="Robots" content="All">
		<meta name="application-name" content="百台云 www.luoanziben.com">
		<meta name="msapplication-tooltip" content="百台云 www.luoanziben.com">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<!--title小图标显示-->
		<link rel="icon" href="images/ico-logo.png" type="image/x-icon">
		<link rel="shortcut icon" href="images/ico-logo.png">
		<link rel="Bookmark" href="images/ico-logo.png">
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/bty.css" />
	</head>

	<body>
		<!--start:header头部-->
		<header id="bty_header" class="aui-bar aui-bar-nav">
	        <a onclick="javascript:history.back(-1);" class="aui-pull-left aui-btn"> <span class="aui-iconfont aui-icon-left"></span> </a>
	    </header>
		<!--end:header头部--->
		
		<!--start:内容区域-->
		<div class="aui-padded-15">
			<div class="text-center">
				<img options="size=80x80&bgcolor=#ccc&color=#ffffff&fsize=18&text=logo" class="placeholder aui-inline aui-margin-15"/> 
			</div>
			
			<div class="aui-list-item-input bg-white aui-padded-l-15 aui-margin-15 ">
                <input type="text" placeholder="输入手机号" class="aui-font-size-14"/>
            </div>
            
            <div class="aui-list-item-input bg-white aui-padded-l-15 aui-margin-15 ">
                <input type="password" placeholder="输入密码"  class="aui-font-size-14"/>
            </div>
            
            <div>
	            <div class="aui-list-item-input aui-padded-l-15 aui-margin-15 aui-margin-t-0 security-code">
	                <input type="text" placeholder="输入验证码" data-form-un="1533091434892.6282" data-form-fill="1" class="aui-font-size-14">
	            </div>
	            <input class="aui-btn aui-btn-info aui-btn-block security-btn" type="button" value="获取验证码" onclick="_countDownTime(this,5)"/>
            </div>
	        
	        <div class=" aui-margin-15 ">
		        <input class="aui-btn aui-btn-info aui-btn-block" type="button" value="登录"/>
		        <p class="text-center aui-text-info aui-margin-t-10">登录即代表同意《用户协议》</p>
            </div>
		</div>
		
		<div class="thirdparty">
			<div class="wechat" >
				<i class="aui-iconfont aui-icon-wechat"></i>
			</div>
			
			<div class="btn-radius qq" >
				<i class="aui-iconfont aui-icon-qq"></i>
			</div>
		</div>
		<!--end:内容区域-->
	</body>
		
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/aui-slide.js"></script>
	<script type="text/javascript" src="js/aui-tab.js"></script>
	<script type="text/javascript" src="js/aui-pull-refresh.js"></script>
	<script type="text/javascript" src="js/aui-scroll.js"></script>
	<script src="js/placeholder.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
	<script type="text/javascript">
		//头部脚部占位div
 		$('#bty_header').after('<div style="height:'+ $('#bty_header').height()  +'px"></div>');
		//返回上一页按钮
		$('.goback').on('click',  function () {  window.history.go(-1); })
		
		function _countDownTime(_this, time) {
		    _this.setAttribute('style', 'pointer-events:none');//禁止重复提交
		    $(_this).removeClass('aui-btn-info')
		    _this.innerHTML = '重新获取（' + time + '）';
		    _this.value = '重新获取（' + time + '）';
		    if (time == 0) {
		        _this.setAttribute('style', 'pointer-events:auto');//恢复提交
		        $(_this).addClass('aui-btn-info')
		        _this.innerHTML = '获取验证码';
		        _this.value = '获取验证码';
		        return false;
		    }
		    time--;
		    setTimeout(function () {
		        _countDownTime(_this, time);
		    }, 1000)
		}
	</script>
</html>
